﻿<!DOCTYPE html>
<html>

<!-- Head -->
<head>

    <title>Library Member Login Form A Flat Responsive Widget Template :: W3layouts</title>

    <!-- Meta-Tags -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="keywords" content="Library Member Login Form Widget Responsive, Login Form Web Template, Flat Pricing Tables, Flat Drop-Downs, Sign-Up Web Templates, Flat Web Templates, Login Sign-up Responsive Web Template, Smartphone Compatible Web Template, Free Web Designs for Nokia, Samsung, LG, Sony Ericsson, Motorola Web Design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
   
    <script src="../js1/easyUI/jquery-1.7.2.min.js"></script>
    <script src="../js1/jquery.min.js"></script>
    <script src="../js1/easyUI/locale/easyui-lang-zh_CN.js"></script>
    <script src="../js1/ljxpage.js"></script>
    <script>
        function msgShow(title, msgString, msgType) {
            $.messager.alert(title, msgString, msgType);
        }
        function check() {
            
            var Account = $('#Account').val(); 
            var PassWord = $('#PassWord').val();
           //alert("PassWord");
            if (Account == "") {
                //msgShow('系统提示', '账号不能为空', 'error');
                $('#error').html("账号不能为空!!!");
                return false;
            }
            else if (PassWord == "") {
                $('#error').html("密码不能为空!!!");
                return false;
            }
            else { $('#error').html(""); return true; }

       
        }
        function send() {
            if (check()) {
                var Account = $('#Account').val();
                var PassWord = $('#PassWord').val();
              
                $.post('login1.ashx?type=login&Account=' + encodeURI(Account) + '&PassWord=' + encodeURI(PassWord) , function (msg) {
                    
                    if (msg == "true") {
                        
                        window.location.href='wxx_index.html';
                    }
                    else {
                        $('#error').html("账号或密码错误");
                    }
                });
            }
        }
    </script>
</head>
<!-- //Head -->

<!-- Body -->
<body>

    <h1>图书馆登录</h1>

    <div class="container w3layouts agileits">

        <div class="login w3layouts agileits">
            <h2>登 录</h2>
            <form action="#" method="post">
                <input type="text" id="Account" name="Account" placeholder="账号" required="">
                <input type="PassWord" id="PassWord" name="PassWord" placeholder="密码" required="">
            </form>
            <ul class="tick w3layouts agileits" style="float:left">
                <li >
                   
                    <input type="checkbox" id="brand1" value="">
                    <label for="brand1"><span></span>记住密码</label>
                     <div id="error" style="color:#ca958e;float:right"></div>
                </li>
            </ul>
            <div class="send-button w3layouts agileits">

                <input type="submit" value="登录" onclick="send()">
            </div>

            <div class="clear"></div>
        </div>

        <!--		<div class="register w3layouts agileits">
			<h2>Sign Up</h2>
			<form action="#" method="post">
				<input type="text" Name="Name" placeholder="Name" required="">
				<input type="text" Name="Email" placeholder="Email" required="">
				<input type="PassWord" Name="PassWord" placeholder="PassWord" required="">
				<input type="text" Name="Phone Number" placeholder="Phone Number" required="">
			</form>
			<div class="send-button w3layouts agileits">
				<form>
					<input type="submit" value="Sign Up">
				</form>
			</div>
			<p>By creating an account, you agree to our <a class="underline w3layouts agileits" href="#">Terms</a></p>
			<div class="clear"></div>
		</div>

		<div class="clear"></div>

	</div>-->
</body>
<!-- //Body -->

</html>
